<template>
  <div class="dashboard-container">
    <iframe 
      src="http://1.95.80.5:9527/#/dashboard" 
      frameborder="0" 
      class="dashboard-iframe">
    </iframe>
  </div>
</template>

<script>
export default {
  name: 'ExternalDashboard',
  data() {
    return {
      loading: true
    }
  },
  mounted() {
    // 监听iframe加载完成
    const iframe = document.querySelector('.dashboard-iframe');
    iframe.onload = () => {
      this.loading = false;
      console.log('仪表盘加载完成');
    }
  }
}
</script>

<style scoped>
.dashboard-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.dashboard-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
</style>